<!--
 * @Author: lvxinbo
 * @Date: 2021-09-06 21:31:28
 * @LastEditTime: 2021-09-08 23:51:43
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \low-code-visualization-form\src\App.vue
-->
<template>
  <div class="app">
    <Editor v-model="state"></Editor>
  </div>
</template>

<script>
import { ref } from '@vue/reactivity'
import { provide } from 'vue'
import configData from './config.json'
import Editor from './packages/editor'
import registerConfig from './utils/editor-config.jsx'
export default {
  components: {
    Editor,
  },
  setup() {
    console.log(registerConfig)
    console.log(configData, 'configData')
    provide('config', registerConfig)
    const state = ref(configData)
    return {
      state,
    }
  },
}
</script>

<style lang="scss">
.app {
  position: fixed;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
</style>
